<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use yii\helpers\Url;

$this->title = '缴费';
$this->params['breadcrumbs'][] = $this->title;
?>
    <style>
        .ableft{
            background: #f7f7f7;
        }
        .jquery-accordion-menu{
            width: 217px;
        }
        .jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover>a{
            background:#eeeeee;
            border-bottom: 1px solid #eee;
            color: #333;
        }
        .jquery-accordion-menu ul li a{
            background:#eeeeee;
            text-align: left;
        }
        .jquery-accordion-menu>ul>li>a{
            border-bottom: 1px solid #fff;
            padding-left: 18px;
            clear: both;
        }
        .jquery-accordion-menu>ul>li>a i{
            width: 23px;
            display: block;
            float: left;
            text-align: center;
            margin-right: 15px;
        }
        .jquery-accordion-menu>ul>li>a i img{
            vertical-align: middle;
        }
        .jquery-accordion-menu ul ul.submenu>li>a{
            background: none;
            padding-left: 58px;
            font-size: 14px;
        }
        .jquery-accordion-menu ul li a{
            font-size: 16px;
            color: #666;
        }
        .jquery-accordion-menu ul ul.submenu{
            padding-top: 4px;
            clear: both;
        }
        .jquery-accordion-menu ul ul.submenu li{
            font-size: 14px;
        }
        .jquery-accordion-menu ul ul.submenu li a{
            padding-top: 2px;
            padding-bottom: 6px;
        }
    </style>

    <!--content-->
    <div class="content">
        <div class="w1113 bgd-ff coheight">
            <div class="clearFloat  pr20">
                <div class="ableft floatLeft">
                    <div class="ablewidt">
                        <div class="hydjimg text-center mt30 mb25">
                            <img src="<?= yii::getAlias('@web');?>/images/hydjicon.png" alt="" width="81" height="81" class="hydjic">您好，用户名
                        </div>
                        <div class="jquery-accordion-menu">
                            <ul  class="acb">
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon1.png" alt=""></i>修改会员资料</a></li>
                                <li><a href=""><i><img src="<?= yii::getAlias('@web');?>/images/xgicon2.png" alt=""></i>会员升级</a>
                                    <ul class="submenu">
                                        <li><a href="#">申请成为理事</a></li>
                                        <li><a href="#">申请成为常务理事</a></li>
                                        <li><a href="#">申请成为副会长</a></li>
                                    </ul>
                                </li>
                                <li><a href=""><i><img src="<?= yii::getAlias('@web');?>/images/xgicon3.png" alt=""></i>加入分会</a>
                                    <ul class="submenu">
                                        <li><a href="#">单层屋面分会</a></li>
                                        <li><a href="#">种植屋面分会</a></li>
                                        <li><a href="#">防水涂料分会</a></li>
                                        <li><a href="#">密封材料分会</a></li>
                                        <li><a href="#">金属屋面分会</a></li>
                                        <li><a href="#">瓦屋面分会</a></li>
                                        <li><a href="#">青年企业家分会</a></li>
                                        <li><a href="#">桥梁分会</a></li>
                                        <li><a href="#">其他</a></li>
                                    </ul>
                                </li>
                                <li><a href=""><i><img src="<?= yii::getAlias('@web');?>/images/xgicon4.png" alt=""></i>会议展览报名</a>
                                    <ul class="submenu">
                                        <li><a href="#">会议</a></li>
                                        <li><a href="#">防水展</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon5.png" alt=""></i>认证、奖项申请</a></li>
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon6.png" alt=""></i>月度统计</a></li>
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon7.png" alt=""></i>出国考察</a></li>
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon8.png" alt=""></i>会员缴费</a></li>
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon9.png" alt=""></i>发票管理</a>
                                    <ul class="submenu">
                                        <li><a href="#">发票索取</a></li>
                                        <li><a href="#">发票列表</a></li>
                                        <li><a href="#">发票信息管理</a></li>
                                        <li><a href="#">发票寄送地址管理</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i><img src="<?= yii::getAlias('@web');?>/images/xgicon10.png" alt=""></i>修改密码</a></li>
                            </ul>
                        </div>
                    </div>
                    <script type="text/javascript">
                        jQuery(document).ready(function () {
                            jQuery(".jquery-accordion-menu").jqueryAccordionMenu();

                        });

                        $(function(){
                            //顶部导航切换
                            $(".acb li").click(function(){
                                $(".acb li.active").removeClass("active")
                                $(this).addClass("active");
                            })
                        })
                    </script>
                </div>
                <div class="abright floatRight">
                    <div class="hyzysx">
                        <h3 class="f18 text-33 mb10">注意事项：</h3>
                        <p class="f14 text-66 line-height-30">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1、请在网上填写“会员登记表”并打印一份，首页盖公章，法人签字加盖公章；入会还需提供以下资料：公司营业执照复印件加盖公章；
                            税务登记证复印件加盖公章。<br>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、会费：实行年费制（自然年）第一年2500元，我们会开具：“全国性社会团体会费统一收据”。<br>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3、如果公司法人或公司地址等信息有变动，请在网站上修改提交联合会审核。
                        </p>
                    </div>
                    <div class="clearFloat mt20">
                        <table width="100%" class="tjxxtable mb20">
                            <tr>
                                <th width="12%">会员登录名</th>
                                <th width="12%">企业中文名称</th>
                                <th>证书编号</th>
                                <th>法人代表</th>
                                <th>电话</th>
                                <th width="12%">填表日期</th>
                                <th>审核状态</th>
                                <th>操作</th>
                            </tr>
                            <tr>
                                <td>会员登录名</td>
                                <td>企业中文名称</td>
                                <td>200262905</td>
                                <td>法人代表</td>
                                <td>18888888888</td>
                                <td>2016-12-29 09:55:22</td>
                                <td>未提交</td>
                                <td>
                                    <a href="">详情</a>&nbsp;
                                    <a href="">编辑</a>
                                </td>
                            </tr>
                        </table>
                        <table width="100%" class="dzftable">
                            <tr>
                                <th>订单号</th>
                                <th>产品</th>
                                <th>类型</th>
                                <th>创建时间</th>
                                <th>状态</th>
                                <th>金额</th>
                                <th>操作</th>
                            </tr>
                            <tr>
                                <td>200262905690615</td>
                                <td>协会会员费用</td>
                                <td>新购</td>
                                <td>2016-11-08  09:55:22</td>
                                <td><span class="text-3e9829">待支付</span></td>
                                <td>￥2500</td>
                                <td><a href="" class="jiaf">缴费</a></td>
                            </tr>
                        </table>

                    </div>


                </div>
            </div>
        </div>
    </div>
    <script>
        window.onload = function() {
            var h=$('.coheight').outerHeight(true);
            $('.ableft').height(h);
            $('.abright').height(h);
        }
    </script>

    <!--content end-->

